<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>JS引入的位置</title>
    <!-- <script>
        alert('aaa')
    </script> -->
</head>

<body>
    <!-- <script>
        alert('bbb')
    </script> -->
    <input type="button" value="点击我" onclick="alert('Hello JS!')" />
</body>
<!-- 建议使用的位置 -->

<script src="./js/index.js"></script>
<script>
    alert('ccc')

    // Uncaught ReferenceError: a is not defined
    alert(a)

    // 在同一个script脚本片段中，若中间出现错误，则无法顺序执行下去 
    alert('ddd')
</script>
<script>
    // 在其他script脚本片段中出现的错误，不会影响到此处 
    alert('hello')
</script>

</html>